import React from 'react';
import {NavLink,Outlet} from "react-router-dom";

function My(props) {
    return (
        <div>
            <nav>
                {/*完整写法*/}
                {/*<NavLink to={"/my/cart"}>我的购物车</NavLink>*/}
                {/*<NavLink to={"/my/collect"}>我的收藏</NavLink>*/}


                {/*相对的地址*/}
                {/*<NavLink to={"cart"}>我的购物车</NavLink>*/}
                {/*<NavLink to={"collect"}>我的收藏</NavLink>*/}


                {/*完成点击个人中心，直接展示我的购物车*/}
                <NavLink to={"/my/cart"}>我的购物车</NavLink>
                <NavLink to={"/my/collect"}>我的收藏</NavLink>
            </nav>
            {/*指定路由对应组件渲染的位置*/}
            <Outlet/>
            <Outlet/>
            <Outlet/>
            <Outlet/>
            <Outlet/>
            <Outlet/>

        </div>
    );
}

export default My;